// pages/device/device.js
//URL
const Game_list_url = 'https://shop1.mollyfantasy.universal-space.cn/p14/app/member/mymachine';

// 默认声明一个函数记录list显示的数据---删除状态
var initdata = function (that) {
  var list = that.data.list
  for (var i = 0; i < list.length; i++) {
    list[i].shows = ""
  }
  that.setData({
    list: list
  })
}
var app = new getApp();

Page({


  data: {

    showEmptyView: false,
    showListView: false,

    delBtnWidth: 180,//删除按钮宽度单位（rpx）

    // 列表数据
    list: [{
      // // 删除状态
      shows: "",
      // 列表中图片
      image: "/images/ic_game1.png",
      // 昵称
      name: "菜鸟老五",
      // 简介title
      title: "主办方：小米科技",
      // 日期
      datas: "2017.02.21"
    },
    {

      image: "/images/ic_game1.png",
      name: "菜鸟老五",
      title: "主办方：小米科技",
      datas: "2017.02.21"
    },
    {

      image: "/images/ic_game1.png",
      name: "菜鸟老五",
      title: "主办方：小科技",
      datas: "2017.02.21"
    },


    ],

  },


  /**
   * 监听页面加载
   */
  onLoad(query) {
    // 页面初始化 options为页面跳转所带来的参数
    this.initEleWidth();
    //this.tempData();

    var token = wx.getStorageSync("utoken");


    wx.startPullDownRefresh({
      success: (result)=>{
        console.log("下拉了");
        wx.request(
        {
          url:Game_list_url,
          method:"POST",
          header:{
              "utoken":token
          },
          success:  (data) =>{
            console.log(data);
            if(data.data.data.length == 0){
              this.setData({
                showEmptyView : true,
                showListView : false
              })

            }else{

              this.setData({
                showEmptyView : true,
                showListView : false
              })
            }
            wx.stopPullDownRefresh();
          }
        }
    )
      },
      fail: ()=>{},
      complete: ()=>{}
    });

  },

  /**
   * 监听页面初次渲染完成
   */
  onReady() {

  },

  /**第一个滑动 */
  // touchStart: function (e) {

  //   this.data.items.forEach(element => {
  //     if (element.status) {
  //       element.status = false
  //     }
  //   });

  //   // 获得起始坐标
  //   this.startX = e.touches[0].clientX;
  //   this.startY = e.touches[0].clientY;

  // },


  // touchMove: function (e) {

  //   this.currentX = e.touches[0].clientX;
  //   this.currentY = e.touches[0].clientY;
  //   const x = this.startX - this.currentX; //横向移动距离
  //   const y = Math.abs(this.startY - this.currentY); //纵向移动距离，若向左移动有点倾斜也可以接受

  //   this.data.items.forEach(function (element, i) {

  //     element.status = false

  //     if (x > 35 && y < 110) {
  //       //向左滑是显示删除

  //         element.status = true

  //     } else if (x < -35 && y < 110) {
  //       //向右滑

  //       element.status = false

  //     }

  //   })

  //   this.setData({
  //     items: this.data.items
  //   })

  // },

  /**
    * 计算滑动角度
    * @param {Object} start 起点坐标
    * @param {Object} end 终点坐标
    */
  // angle: function (start, end) {
  //   var dX = end.X - start.X,
  //     dY = end.Y - start.Y
  //   //返回角度 /Math.atan()返回数字的反正切值
  //   return 360 * Math.atan(dY / dX) / (2 * Math.PI);
  // }


  /** 第二个 */

  // touchS:function(e){
  //   if(e.touches.length==1){
  //     this.setData({
  //       //设置触摸起始点水平方向位置
  //       startX:e.touches[0].clientX
  //     });
  //   }
  // },
  // touchM:function(e){
  //   if(e.touches.length==1){
  //     //手指移动时水平方向位置
  //     var moveX = e.touches[0].clientX;
  //     //手指起始点位置与移动期间的差值
  //     var disX = this.data.startX - moveX;
  //     var delBtnWidth = this.data.delBtnWidth;
  //     var txtStyle = "";
  //     if(disX == 0 || disX < 0){//如果移动距离小于等于0，文本层位置不变
  //       txtStyle = "left:0px";
  //     }else if(disX > 0 ){//移动距离大于0，文本层left值等于手指移动距离
  //       txtStyle = "left:-"+disX+"px";
  //       if(disX>=delBtnWidth){
  //         //控制手指移动距离最大值为删除按钮的宽度
  //         txtStyle = "left:-"+delBtnWidth+"px";
  //       }
  //     }
  //     //获取手指触摸的是哪一项
  //     var index = e.target.dataset.index;
  //     var list = this.data.list;
  //     if(index >= 0){
  //       list[index].txtStyle = txtStyle; 
  //       //更新列表的状态
  //       this.setData({
  //         list:list
  //       });
  //     }
  //   }
  // },

  // touchE:function(e){
  //   if(e.changedTouches.length==1){
  //     //手指移动结束后水平位置
  //     var endX = e.changedTouches[0].clientX;
  //     //触摸开始与结束，手指移动的距离
  //     var disX = this.data.startX - endX;
  //     var delBtnWidth = this.data.delBtnWidth;
  //     //如果距离小于删除按钮的1/2，不显示删除按钮
  //     var txtStyle = disX > delBtnWidth/2 ? "left:-"+delBtnWidth+"px":"left:0px";
  //     //获取手指触摸的是哪一项
  //     var index = e.target.dataset.index;
  //     var list = this.data.list;
  //     console.log(e);
  //     if(index >= 0){
  //       list[index].txtStyle = txtStyle;
  //       //更新列表的状态
  //       this.setData({
  //         list:list
  //       });
  //     }
  //   }
  // },
  // //获取元素自适应后的实际宽度
  // getEleWidth:function(w){
  //   var real = 0;
  //   try {
  //     var res = wx.getSystemInfoSync().windowWidth;
  //     var scale = (750/2)/(w/2);//以宽度750px设计稿做宽度的自适应
  //     // console.log(scale);
  //     real = Math.floor(res/scale);
  //     return real;
  //   } catch (e) {
  //     return false;
  //    // Do something when catch error
  //   }
  // },
  // initEleWidth:function(){
  //   var delBtnWidth = this.getEleWidth(this.data.delBtnWidth);
  //   this.setData({
  //     delBtnWidth:delBtnWidth
  //   });
  // },
  // //点击删除按钮事件
  // delItem:function(e){
  //   //获取列表中要删除项的下标
  //   var index = e.target.dataset.index;
  //   var list = this.data.list;
  //   //移除列表中下标为index的项
  //   list.splice(index,1);
  //   //更新列表的状态
  //   this.setData({
  //     list:list
  //   });
  // },
  // //测试临时数据
  // tempData:function(){
  //   var list = [
  //     {
  //           "image": "/images/ic_device1.png",
  //           "name": "Dazzling basketball",
  //           "desc": "A fun shooting"
  //         },
  //         {
  //           "image": "/images/ic_device1.png",
  //           "name": "Dazzling basketball",
  //           "desc": "A fun shooting"
  //         },
  //         {
  //           "image": "/images/ic_device1.png",
  //           "name": "Dazzling basketball",
  //           "desc": "A fun shooting"
  //         },
  //         {
  //           "image": "/images/ic_device1.png",
  //           "name": "Dazzling basketball",
  //           "desc": "A fun shooting"
  //         },

  //     ];

  //   this.setData({
  //     list:list
  //   });
  // }



  /** 第三个 */
  // 开始滑动事件
  touchS: function (e) {
    if (e.touches.length == 1) {
      this.setData({
        //设置触摸起始点水平方向位置 
        startX: e.touches[0].clientX
      });
    }
  },
  touchM: function (e) {
    var that = this;
    initdata(that)
    if (e.touches.length == 1) {
      //手指移动时水平方向位置 
      var moveX = e.touches[0].clientX;
      //手指起始点位置与移动期间的差值 
      var disX = this.data.startX - moveX;
      var delBtnWidth = this.data.delBtnWidth;
      // var txtStyle = "";
      if (disX == 0 || disX < 0) { //如果移动距离小于等于0，文本层位置不变 
        // txtStyle = "left:0px";
      } else if (disX > 0) { //移动距离大于0，文本层left值等于手指移动距离 
        // txtStyle = "left:-" + disX + "px";
        if (disX >= delBtnWidth) {
          //控制手指移动距离最大值为删除按钮的宽度 
          // txtStyle = "left:-" + delBtnWidth + "px";
        }
      }

    }
  },
  // 滑动中事件
  touchE: function (e) {
    if (e.changedTouches.length == 1) {
      //手指移动结束后水平位置 
      var endX = e.changedTouches[0].clientX;
      //触摸开始与结束，手指移动的距离 
      var disX = this.data.startX - endX;
      var delBtnWidth = this.data.delBtnWidth;
      //如果距离小于删除按钮的1/2，不显示删除按钮 
      var txtStyle = "";
      txtStyle = disX > delBtnWidth / 2 ? "left:-" + delBtnWidth + "px" : "left:0px";

      //获取手指触摸的是哪一项 
      var index = e.target.dataset.index;
      var list = this.data.list;
      list[index].shows = txtStyle;
      console.log("1", list[index].shows);
      //更新列表的状态 
      this.setData({
        list: list
      });
    } else {
      console.log("2");
    }
  },
  //获取元素自适应后的实际宽度 
  getEleWidth: function (w) {
    var real = 0;
    try {
      var res = wx.getSystemInfoSync().windowWidth;
      var scale = (750 / 2) / (w / 2); //以宽度750px设计稿做宽度的自适应 
      // console.log(scale); 
      real = Math.floor(res / scale);
      return real;
    } catch (e) {
      return false;
      // Do something when catch error 
    }
  },
  initEleWidth: function () {
    var delBtnWidth = this.getEleWidth(this.data.delBtnWidth);
    this.setData({
      delBtnWidth: delBtnWidth
    });
  },
  //点击删除按钮事件 
  delItem: function (e) {
    var that = this;
    // 打印出当前选中的index
    console.log(e.currentTarget.dataset.index);
    // 获取到列表数据
    var list = that.data.list;
    // 删除
    list.splice(e.currentTarget.dataset.index, 1);
    // 重新渲染
    that.setData({
      list: list
    })
    initdata(that)
  }




})
